<template>
   <div data-v-034fc4b9="" data-v-2c2c557c="" class="navbar">
      <img
        data-v-034fc4b9=""
        src="http://likede2-admin.itheima.net/img/logo.3673fab5.png"
        width="88"
        class="logo"
        style="position: relative; top: 4px"
      />
      <div data-v-034fc4b9="" class="right-menu">
        <div data-v-034fc4b9="" class="el-row">
          <div data-v-034fc4b9="" class="el-col el-col-5">
            <div data-v-034fc4b9="" style="height: 60px; line-height: 60px">
              <img
                data-v-034fc4b9=""
                src=""
                style="vertical-align: middle"
              />
            </div>
          </div>
          <div data-v-034fc4b9="" class="el-col el-col-14">
            <div data-v-034fc4b9="" style="height: 60px; line-height: 60px">
              <span data-v-034fc4b9="" style="vertical-align: middle"
                >欢迎您，admin</span
              >
            </div>
          </div>
          <div data-v-034fc4b9="" class="el-col el-col-5">
            <div
              data-v-034fc4b9=""
              class="el-tooltip item"
              aria-describedby="el-tooltip-8480"
              tabindex="0"
              style="height: 60px; line-height: 60px"
            >
              <span
                data-v-034fc4b9=""
                style="vertical-align: middle; cursor: pointer"
                @click="dropout"
                >退出</span
              ><svg
                data-v-034fc4b9=""
                version="1.1"
                viewBox="0 0 1024 1024"
                class="svg-icon svg-fill"
                style="
                  width: 16px;
                  height: 16px;
                  vertical-align: middle;
                  cursor: pointer;
                  color: rgb(255, 255, 255);
                "
              >
                <defs></defs>
                <path
                  pid="0"
                  d="M814.592 348.211L552.858 694.835a51.2 51.2 0 0 1-81.716 0L209.408 348.262a25.6 25.6 0 0 1 20.429-41.062h564.275a25.6 25.6 0 0 1 20.48 41.011z"
                  _fill="#5A5A68"
                ></path>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  methods: {
    dropout () {
      this.$router.push('/loginlo')
    }
  }
}
</script>

<style lang="scss">
.navbar[data-v-034fc4b9] {
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1999;
  background-image: url();
  background-size: cover;
  background-repeat: no-repeat;
}
.navbar .logo[data-v-034fc4b9] {
  margin-top: 6px;
  margin-left: 15px;
}
img {
  border-style: none;
}
.navbar .right-menu[data-v-034fc4b9] {
  float: right;
  width: 240px;
  height: 100%;
  margin-right: 24px;
  color: #fff;
}
.el-row {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.el-row:after,
.el-row:before {
  display: table;
  content: "";
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.el-col-5 {
  width: 20%;
}
element.style {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
  color: rgb(255, 255, 255);
}
.svg-fill {
  fill: currentColor;
  stroke: none;
}
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  width: 480px;
}
</style>
